<template>
    <div class="taskCard-wrap"> 
        <h2>积分任务:</h2>
        <div class="text-color">
            <p><b>1. </b><span> 点击金币每次获得20经验值</span></p>
            <p><b>2. </b><span> 浏览社区页60秒获得40经验值</span></p>
            <p><b>3. </b><span> 预约酒店获得60经验值</span></p>
            <p><b>4. </b><span> 订机票获得80经验值</span></p>
            <p><b>5. </b><span> 下载手机App获得100经验值</span></p>
            
        </div>
    </div>
</template>

<script>
export default {
    name: 'WorkspaceJsonTaskcard',

    data() {
        return {
            
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style lang="scss" scoped>
.taskCard-wrap{
    padding: 20px;
    box-sizing: border-box;
    width: 340px;
    height: 320px;
    background: rgb(136, 213, 233);
    border-radius: 10px;
    .text-color{
        >p{
            margin-top:18px ;
            >b{
                color: #ff5e00;
            }
        }
        span{
            color: #fff;
            font-size: 20px;
        }
    }
}
</style>